

<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>

<meta name="format-detection" content="telephone=no" />
<meta content="width=device-width, initial-scale=1" name="viewport" />

<!--[if lt IE 9]>
    <script src="./js/html5.js" type="text/javascript"></script>
<![endif]-->

<title>YUKHIN 01 - HTML</title>

<!-- FOR THEME -->
<link href="./css/inuit.css" rel="stylesheet" type='text/css' />
<link href="./css/prettyphoto.css" rel="stylesheet" type='text/css' />
<link href="./css/style.css" rel="stylesheet" type='text/css' />

<!-- FOR INDIVIDUAL PAGE -->
<link rel='stylesheet' href='./css/flexslider.css' type='text/css' media='all' />

<link href="./images/theme/icon.png" rel="shortcut icon" />
<link href="./images/theme/icon.png" rel="apple-touch-icon-precomposed" />


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>

<body>
	<div class="wrapper">

        <!-- BEGIN HEADER -->
        <header id="header">
        
            <div class="grids">
            	<div class="grid-3 first-space"></div>
	            
	            <!-- BEGIN LOGO -->
	            <div id="logo" class="grid-3">
	            	<a href="#"><img src="./images/theme/logo-big.png" width="228" height="49" alt="" /></a>
	            </div>
	            <!-- END LOGO -->
	            
	            <!-- BEGIN MAIN MENU -->
	            <nav id="main-menu" class="grid-6">
	            	<div class="wrap">
		            	<div class="root"><a href="javascript:;">MENU</a></div>
		                <ul class="menu sf-menu">
		                	<li class="has-child active"><a href="./home-1.html">HOME</a>
		                		<ul>
		                			<li><a href="./home-1.html">LAYOUT 1</a></li>
		                			<li><a href="./home-2.html">LAYOUT 2</a></li>
		                			<li><a href="./home-3.html">LAYOUT 3</a></li>
		                		</ul>
		                	</li>
		                	<li class="has-child "><a href="./headings.html">FEATURES</a>
		                		<ul>
		                			<li><a href="./headings.html">HEADINGS</a></li>
		                			<li><a href="./elements.html">PAGE ELEMENTS</a></li>
		                			<li><a href="./pricing-tables.html">PRICING TABLES</a></li>
		                			<li><a href="./about.html">ABOUT</a></li>
		                			<li><a href="./our-team.html">MEET OUR TEAM</a></li>
		                			<li><a href="./404.html">404</a></li>
		                			<li class="has-child"><a href="#">MULTI LEVEL MENU</a>
		                				<ul>
		                					<li><a href="#">LEVEL 3 ITEM 1</a></li>
		                					<li><a href="#">LEVEL 3 ITEM 2</a></li>
		                					<li><a href="#">LEVEL 3 ITEM 3</a></li>
		                				</ul>
		                			</li>
		                		</ul>
		                	</li>
		                	<li class="has-child "><a href="./portfolio-1-col.html">PORTFOLIO</a>
		                		<ul>
		                			<li><a href="./portfolio-1-col.html">ONE COLUMN</a></li>
		                			<li><a href="./portfolio-1-col-alt.html">ONE COLUMN ALT</a></li>
		                			<li><a href="./portfolio-2-cols.html">TWO COLUMNS</a></li>
		                			<li><a href="./portfolio-3-cols.html">THREE COLUMNS</a></li>
		                		</ul>
		                	</li>
		                	<li class="has-child "><a href="./blog.html">BLOG</a>
		                		<ul>
		                			<li><a href="./blog.html">POST LIST</a></li>
		                			<li><a href="./blog-detail.html">POST DETAIL</a></li>
		                		</ul>
		                	</li>
		                	<li class=" "><a href="./contact.html">CONTACT</a></li>
		                </ul>
		        	</div> <!-- end wrap -->
	            </nav>
	            <!-- END MAIN MENU -->
	            
            </div>

        </header>
        <!-- END HEADER -->	<div id="content" role="main">
	
		<!-- BEGIN SLIDER -->
		<div id="main-slider" class="cf">
		  <div class="flexslider yk1">
		    <ul class="slides">
		      <li>
		        <img src="./images/demo/banner-792x350-1.jpg" data-rel="images/demo/banner-792x350-1.jpg" alt="" />
		        <div class="flex-caption"><h1>Manage Events Like A Pro With WordPress</h1><p>If you've ever tried working with, coding for or just thinking about anything to do with events, you know they are a total nightmare in every possible way.</p></div>
		      </li>
		      <li>
		        <img src="./images/demo/banner-792x350-2.jpg" data-rel="images/demo/banner-792x350-2.jpg" alt="" />
		        <div class="flex-caption"><h1>Keep Your Analytics Data Safe And Clean</h1><p>Whoever works with analytics on a day-to-to-day basis knows how important it is to have a continuity with the data.</p></div>
		      </li>
		      <li>
		        <img src="./images/demo/banner-792x350-3.jpg" data-rel="images/demo/banner-792x350-3.jpg" alt="" />
		        <div class="flex-caption"><h1>Redesigning With Personality</h1><p>In this chapter, Aarron explains how sharing our personalities can help us create lasting relationships with users, and how it can improve the bottom line of our business.</p></div>
		      </li>
		    </ul>
		  </div>
		</div>
		<!-- END SLIDER -->
		
		<!-- BEGIN CALL TO ACTION -->
		<div id="call-to-action" class="grids">
			<div class="grid-3 first-space"></div>
			<div class="grid-9">
				<div class="msg"><span style="color:#e07538;">YUKHIN 01</span> - Powerful site template
				designed in a <span style="color:#e07538;">clean</span> and <span style="color:#e07538;">minimal</span> style.</div>
				<a class="btn"></a>
			</div>
		</div>
		<!-- END CALL TO ACTION -->
		
		
		<!-- BEGIN MAIN SECTIONS -->
		
		<!-- BEGIN SECTION -->
		<div class="page-section services grids">
			<aside class="grid-3">
				<div class="wrap cf">
					<h1 class="section-title"><span>services</span></h1>
					<p>Lorem ipsum dolor sit amet, tollite fit manibus individuationis omnibus civitas ad quia.</p>
					<p>Tollite fit manibus individuationis omnibus civitas. Lorem Ipsum is simply dummy text of the printing and typesetting industry.
					</p>
					<span class="more-text"><a href="#">→ learn more about our services</a></span>
				</div>
			</aside>
			<div class="grid-9">
				<ul class="service-list three-cols">
					<li class="entry">
						<article>
							<div class="top-box">1</div>
							<figure>
								<a href="#"><img alt="" src="./images/demo/thumb-219x142-1.jpg" width="198" height="130" /></a>
							</figure>
							<hgroup>
								<h4 class="title"><a href="#">Equity Funding</a></h4>
							</hgroup>
							<div class="entry-content">
								<p>Lorem ipsum dolor sites kametical luno, sectetur adipisicing elit, sed do eiusmod tempor incididunt but labore et aliqua.</p>
								<span class="more-text"><a href="#">// read more</a></span>
							</div>
						</article>
					</li>
					<li class="entry">
						<article>
							<div class="top-box">2</div>
							<figure>
								<a href="#"><img alt="" src="./images/demo/thumb-219x142-2.jpg" width="198" height="130" /></a>
							</figure>
							<hgroup>
								<h4 class="title"><a href="#">Equity Funding</a></h4>
							</hgroup>
							<div class="entry-content">
								<p>Lorem ipsum dolor sites kametical luno, sectetur adipisicing elit, sed do eiusmod tempor incididunt but labore et aliqua.</p>
								<span class="more-text"><a href="#">// read more</a></span>
							</div>
						</article>
					</li>
					<li class="entry">
						<article>
							<div class="top-box">3</div>
							<figure>
								<a href="#"><img alt="" src="./images/demo/thumb-219x142-3.jpg" width="198" height="130" /></a>
							</figure>
							<hgroup>
								<h4 class="title"><a href="#">Equity Funding</a></h4>
							</hgroup>
							<div class="entry-content">
								<p>Lorem ipsum dolor sites kametical luno, sectetur adipisicing elit, sed do eiusmod tempor incididunt but labore et aliqua.</p>
								<span class="more-text"><a href="#">// read more</a></span>
							</div>
						</article>
					</li>
				</ul>
			</div>
		</div>
		<!-- END SECTION -->
		
		<!-- BEGIN SECTION -->
		<div class="page-section featured grids">
			<aside class="grid-3">
				<div class="wrap cf">
					<h1 class="section-title"><span>featured</span></h1>
					<ul class="thumb-list-2-cols tab-nav">
						<li><a href="#"><img alt="" src="./images/demo/thumb-70x70-1.jpg" width="70" height="70" /></a></li>
						<li><a href="#"><img alt="" src="./images/demo/thumb-70x70-2.jpg" width="70" height="70" /></a></li>
						<li><a href="#"><img alt="" src="./images/demo/thumb-70x70-3.jpg" width="70" height="70" /></a></li>
						<li><a href="#"><img alt="" src="./images/demo/thumb-70x70-4.jpg" width="70" height="70" /></a></li>
					</ul>
					<span class="more-text"><a href="#">→ see more items</a></span>
				</div>
			</aside>
			<div class="grid-9">
				<div class="extended-portfolio tab-panels">
					<article class="mb0">
						<a class="thumb left" href="#"><img alt="" src="./images/demo/thumb-300x300-1.jpg" width="300" height="300" /></a>
						<div class="wrap">
							<h3 class="line"><a href="#">Winter Collection</a></h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore </p>
							<h5 class="line">Project informations</h5>
							<ul class="info-list">
								<li>Client: <span>Macrosoft</span></li>
								<li>Start date: Jan 4, 2012</li>
								<li>Designer: <span>Huong Tinh Vu</span></li>
								<li>End date: Jan 9, 2012</li>
								<li>Category: <span>Ad banner</span></li>
								<li>URL: <a href="#">http://lion32.com/something.html</a></li>
							</ul>
							<a class="button-1 right">view detail</a>
						</div>
					</article>
					<article class="mb0">
						<a class="thumb left" href="#"><img alt="" src="./images/demo/thumb-300x300-2.jpg" width="300" height="300" /></a>
						<div class="wrap">
							<h3 class="line"><a href="#">Winter Collection</a></h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore </p>
							<h5 class="line">Project informations</h5>
							<ul class="info-list">
								<li>Client: <span>Macrosoft</span></li>
								<li>Start date: Jan 4, 2012</li>
								<li>Designer: <span>Huong Tinh Vu</span></li>
								<li>End date: Jan 9, 2012</li>
								<li>Category: <span>Ad banner</span></li>
								<li>URL: <a href="#">http://lion32.com/something.html</a></li>
							</ul>
							<a class="button-1 right">view detail</a>
						</div>
					</article>
					<article class="mb0">
						<a class="thumb left" href="#"><img alt="" src="./images/demo/thumb-300x300-3.jpg" width="300" height="300" /></a>
						<div class="wrap">
							<h3 class="line"><a href="#">Winter Collection</a></h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore </p>
							<h5 class="line">Project informations</h5>
							<ul class="info-list">
								<li>Client: <span>Macrosoft</span></li>
								<li>Start date: Jan 4, 2012</li>
								<li>Designer: <span>Huong Tinh Vu</span></li>
								<li>End date: Jan 9, 2012</li>
								<li>Category: <span>Ad banner</span></li>
								<li>URL: <a href="#">http://lion32.com/something.html</a></li>
							</ul>
							<a class="button-1 right">view detail</a>
						</div>
					</article>
					<article class="mb0">
						<a class="thumb left" href="#"><img alt="" src="./images/demo/thumb-300x300-4.jpg" width="300" height="300" /></a>
						<div class="wrap">
							<h3 class="line"><a href="#">Winter Collection</a></h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore </p>
							<h5 class="line">Project informations</h5>
							<ul class="info-list">
								<li>Client: <span>Macrosoft</span></li>
								<li>Start date: Jan 4, 2012</li>
								<li>Designer: <span>Huong Tinh Vu</span></li>
								<li>End date: Jan 9, 2012</li>
								<li>Category: <span>Ad banner</span></li>
								<li>URL: <a href="#">http://lion32.com/something.html</a></li>
							</ul>
							<a class="button-1 right">view detail</a>
						</div>
					</article>
				</div>
			</div>
		</div>
		<!-- END SECTION -->
		
		<!-- END MAIN SECTIONS -->
    </div>

<!-- BEGIN PRE FOOTER -->
	<div id="pre-footer" class="cf">
		<div id="footer-tweets">
			<ul></ul>
		</div>
		<div id="tweets-tmp" style="display:none;visibility:hidden;"></div>
	</div>
<!-- END PRE FOOTER -->

<!-- BEGIN FOOTER -->
        <footer id="footer" class="cf">
        	<div class="grids">
	        	<div class="grid-3 col-1">
	        		<div class="cell-wrapper cf">
	        			<img alt="" id="footer-logo" src="./images/theme/logo-small.png" width="172" height="39" />
	        			<div class="company-info">
	        				Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
	        			</div>
	        			<div class="footer-section">
	        				<h1>STAY IN TOUCH</h1>
	        				<ul class="social-links">
	        					<li><a href="#"><img alt="" src="./images/theme/icon-social-1.png" width="29" height="29" /></a></li>
	        					<li><a href="#"><img alt="" src="./images/theme/icon-social-2.png" width="29" height="29" /></a></li>
	        					<li><a href="#"><img alt="" src="./images/theme/icon-social-3.png" width="29" height="29" /></a></li>
	        					<li><a href="#"><img alt="" src="./images/theme/icon-social-4.png" width="29" height="29" /></a></li>
	        					<li><a href="#"><img alt="" src="./images/theme/icon-social-5.png" width="29" height="29" /></a></li>
	        				</ul>
	        			</div>
	        		</div>
	        	</div>
	    		<div class="grid-3 col-2">
	    			<div class="cell-wrapper cf">
	    				<div class="footer-section">
	    					<h1>GALLERY</h1>
	    					<ul class="gallery" id="flickr-gallery"></ul>
	    				</div>
	    			</div>
	    		</div>
	    		<div class="grid-3 col-3">
	    			<div class="cell-wrapper cf">
	    				<div class="footer-section">
	    					<h1>CONTACT</h1>
	    					<ul class="contact">
	    						<li class="cf">
	    							<span style="width: 50%;margin-right: 5%;float: left;">
	    								<span style="color: #fff;"><strong>Head office</strong></span><br />
	    								59, Tran Hung Dao street<br />
	    								ward 8, district 5<br />
	    								Ho Chi Minh city<br />
	    								HONG KONG
	    							</span>
	    							<span style="width: 45%;float: left;">
	    								<span style="color: #fff;">+82 907 341 688</span><br />
	    								<a href="#">contact@company.com</a><br /><br />
	    								<span style="color: #fff;">Applications</span><br />
	    								<a href="#">jobs@company.com</a><br />
	    							</span>
	    						</li>
	    						<li class="mb0 cf">
	    							<span style="width: 50%;margin-right: 5%;float: left;">
	    								<span style="color: #fff;"><strong>Oversea office</strong></span><br />
	    								226, Nguyen Trai street<br />
	    								ward 3, district 1<br />
	    								Can Tho city<br />
	    								THAILAND
	    							</span>
	    							<span style="width: 45%;float: left;">
	    								<span style="color: #fff;"><strong>+36 987 361 681</strong></span><br />
	    								<a href="#">contact2@company.com</a><br />
	    							</span>
	    						</li>
	    					</ul>
	    				</div>
	    			</div>
	    		</div>
	    		<div class="grid-3 col-4">
	    			<div class="cell-wrapper cf">
	    				<div class="footer-section">
	    					<h1>OUR CLIENT WORDS</h1>
	    					<ul class="testimonial">
	    						<li class="cf">
	    							<img alt="" src="./images/demo/thumb-36x36.jpg" width="36" height="36" />
	    							<span class="testimonial-content">
	    								Lorem ipsum dolor sit amet, consectetur adipisicing tempor incididunt ut
	    								<span class="client-name">- Le Mong Thuy</span>
	    							</span>
	    						</li>
	    						<li class="cf">
	    							<img alt="" src="./images/demo/thumb-36x36.jpg" width="36" height="36" />
	    							<span class="testimonial-content">
	    								Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
	    								<span class="client-name">- Tina</span>
	    							</span>
	    						</li>
	    						<li class="cf mb0">
	    							<img alt="" src="./images/demo/thumb-36x36.jpg" width="36" height="36" />
	    							<span class="testimonial-content">
	    								Lorem ipsum dolor sit amet, consectetur adipisicing elit tempor ut
	    								<span class="client-name">- Huong Tinh Vu</span>
	    							</span>
	    						</li>
	    					</ul>
	    				</div>
	    			</div>
	    		</div>
	    	</div>
		</footer>
        <!-- END FOOTER -->
        
	</div>
	<!-- SCRIPTS -->
	<script type='text/javascript' src='./js/jquery.js'></script>
	<script type='text/javascript' src='./js/respond.min.js'></script>
	<script type='text/javascript' src='./js/mobilemenu.js'></script>
	<script type='text/javascript' src='./js/prettyPhoto.js'></script>
	<script type="text/javascript" src="./js/theme.js"></script>
	<!-- PAGE'S SCRIPTS -->
		<script type='text/javascript' src='./js/flexslider-min.js'></script>
		
	<script type="text/javascript">
		jQuery(window).load(function(){
			$('.flexslider').flexslider();
		});	
	</script>
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>
